<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./demo.css">

</head>
<style>
body section.slideshow .detail .detail-item .headline .letter {
  font-size: 40px;
  margin: 0px;
  /* font-family: Impact,Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
}
body section.slideshow .detail .detail-item .headline{
  position: relative;
  left: 500px;
}

</style>

<body>
    <div class="banner">
        <section class="slideshow">

            <!-- slideshow:navigation START -->
            <ul class="navigation">
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item active">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/1.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/7c1675a3a92a334d322aa51d37d0bf1.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/d1fbe2c89eebc51f630e2efa122912a.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/2.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/58f8c3e4781f7124be660d6cc0f7cad.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/44e77819b332886ec0a6ae7c2aa21e3.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/7f42ad0debe720aff74ba793112283f.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/a7ac280747521df95fb20d729a67679.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
              <!-- slideshow:navigation:item START -->
              <li class="navigation-item">
                <span class="rotate-holder"></span>
                <span class="background-holder" style="background-image: url(./images/06dc47a0b49d66bb5ad2cad5416bb3d.png);"></span>
              </li>
              <!-- slideshow:navigation:item END -->
      
            </ul>
            <!-- slideshow:navigation END -->
      
      
            <!-- slideshow:details START -->
            <div class="detail">
            
              <!-- slideshow:details START -->
              <div class="detail-item active">
                <div class="headline"
                >中国共产党第二十次全国代表大会</div>
                <div class="background" style="background-image: url(./images/1.png)"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >2022年10月16日，中国共产党第二十次全国代表大会在北京人民大会堂开幕。习近平指出，全党同志务必不忘初心，牢记使命；务必谦虚谨慎，艰苦奋斗，务必敢于斗争，善于斗争；坚定历史自信，增强历史主动；谱写新时代中国特色社会主义更加绚丽的华章。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">二十大主题</div>
                <div class="background" style="background-image: url(./images/7c1675a3a92a334d322aa51d37d0bf1.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >大会的主题是：高举中国特色社会主义伟大旗帜，全面贯彻新时代中国特色社会主义思想，弘扬伟大建党精神，自信自强、守正创新，踔厉奋发、勇毅前行，为全面建设社会主义现代化国家、全面推进中华民族伟大复兴而团结奋斗。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">过去五年的工作和新时代十年的伟大变革</div>
                <div class="background" style="background-image: url(./images/d1fbe2c89eebc51f630e2efa122912a.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 530px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >五年来，中国共产党团结带领人民，攻克了许多长期没有解决的难题，办成了许多事关长远的大事要事，推动党和国家事业取得举世瞩目的重大成就。十年来，中国共产党经历了对党和人民事业具有重大现实意义和深远历史意义的三件大事:一是迎来中国共产党成立一百周年，二是中国特色社会主义进入新时代三是完成脱贫攻坚、全面建成小康社会的历史任务实现第一个百年奋斗目标。这是中国共产党和中国人民团结奋斗赢得的历史性胜利。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">开辟马克思主义中国化时代化新境界</div>
                <div class="background" style="background-image: url(./images/2.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >不断谱写马克思主义中国化时代化新篇章，是当代中国共产党人的庄严历史责任。中国共产党必须坚持人民至上、必须坚持自信自立、必须坚持守正创新、必须坚持问题导向、必须坚持系统观念、必须坚持胸怀天下。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">新时代新征程中国共产党的使命任务</div>
                <div class="background" style="background-image: url(./images/58f8c3e4781f7124be660d6cc0f7cad.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 550px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >以中国式现代化全面推进中华民族伟大复兴。中国式现代化，是中国共产党领导的社会主义现代化，既有各国现代化的共同特征，更有基于自己国情的中国特色。如，中国式现代化是人口规模巨大的现代化、是全体人民共同富裕的现代化、是物质文明和精神文明相协调的现代化、是人与自然和谐共生的现代化、是走和平发展道路的现代化。前进道路上，必须牢牢把握坚持和加强党的全面领导、坚持中国特色社会主义道路、坚持以人民为中心的发展思想、坚持深化改革开放、坚持发扬斗争精神。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">加快构建新发展格局,推动高质量发展</div>
                <div class="background" style="background-image: url(./images/44e77819b332886ec0a6ae7c2aa21e3.png);"></div> 
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                > 构建高水平社会主义市场经济体制、建设现代化产业体系、全面推进乡村振兴、促进区域协调发展、推进高水平对外开放。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">坚持和完善"一国两制”，推进祖国统一</div>
                <div class="background" style="background-image: url(./images/7f42ad0debe720aff74ba793112283f.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.3rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 2.6rem;
                "
                >全面准确、坚定不移贯彻“一国两制”“港人治港”、“澳人治澳”、高度自治的方针，坚持依法治港治澳，维护宪法和基本法确定的特别行政区宪制秩序；国家统一、民族复兴的历史车轮滚滚向前，祖国完全统一一定要实现，也一定能够实现！</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">促进世界和平与发展，推动构建人类命运共同体</div>
                <div class="background" style="background-image: url(./images/a7ac280747521df95fb20d729a67679.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 700px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.5rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                padding-top: 30px;
                "
                >一、坚定奉行独立自主的和平外交政策；<br>二、坚持在和平共处五项原则基础上同各国发展友好合作；<br>三、坚持对外开放的基本国策；<br>四、积极参与全球治理体系改革和建设；<br>五、构建人类命运共同体是世界各国人民前途所在。</div>
            </div>
              <!-- slideshow:details END -->
              
              <!-- slideshow:details START -->
              <div class="detail-item">
                <div class="headline">闭幕式</div>
                <div class="background" style="background-image: url(./images/06dc47a0b49d66bb5ad2cad5416bb3d.png);"></div>
                <div class="description"
                style="
                height: 200px;
                width: 600px;
                position: absolute;
                top: 600px;
                right: 1.3rem;
                position: absolute;
                font-size: 1.8rem;
                color: #fff;
                z-index: 99;
                position: absolute;
                bottom: 30%;
                right: 0px;
                text-indent: 3.6rem;
                "
                >2022年10月22日，中国共产党第二十次全国代表大会在北京人民大会堂胜利闭幕。</div>
              </div>
              <!-- slideshow:details END -->
              
            </div>
      
          </section>
    </div>
</body>

<script src="./JS/jQuery.min.js"></script>
<script src="./JS/TweenMax.min.js"></script>
<script src="./JS/imagesLoaded.js"></script>
<script src="./JS/CSSPlugin.min.js"></script>
<script src="./JS/TextPlugin.min.js"></script>
<script src="./JS/AdoptionBanner.js"></script>

<script>
</script>

</html>